<template>
  <div class="weekend">
    <div class="weekTop">周末去哪儿</div>
    <div>
      <ul>
        <li v-for="itm in weekend" :key="itm.id">
          <img :src="itm.imgUrl" :alt="itm.title">
          <div>
            <p class="product-name">{{itm.address}}</p>
            <p>{{itm.title}}</p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  export  default{
    data(){
      return{
        "weekend":[{
          "id":"01",
          "imgUrl":"http://img1.qunarzz.com/sight/source/1606/fa/1fca5cab2918f0.jpg_r_640x214_6902e556.jpg",
          "address":"咸阳打卡",
          "title":"秦汉文化重要发祥地"
        },{
          "id":"02",
          "imgUrl":"http://img1.qunarzz.com/sight/source/1505/30/67d5e62ca78a29.jpg_r_640x214_9dfb4295.jpg",
          "address":"西安花花世界",
          "title":"月落星驰又一春，不负人间看花人"
        },{
          "id":"03",
          "imgUrl":"http://img1.qunarzz.com/sight/source/1506/26/5e8fad4a4a4be2.jpg_r_640x214_8d055589.jpg",
          "address":"山外有山",
          "title":"这里曾是太乙真人修炼地，唐王李世民的避暑消夏胜地，山清水秀、景色如画、气候凉爽"
        },{
          "id":"04",
          "imgUrl":"http://img1.qunarzz.com/sight/source/1511/14/1cf5dc2ecbfc16.jpg_r_640x214_b4b3a58a.jpg",
          "address":"醉美丝路行",
          "title":"情系西北，中国梦丝路行"
        }

        ]
      }
    }
  }
</script>
<style scoped>
  .weekTop{
    line-height: .4rem;
    margin-left: .13rem;
    font-size: .16rem;
  }
  .weekend li>img{
    display: block;
    width:100%;
  }
  .weekend li p{
    font-size: .14rem;
  }
  .weekend li div{
    padding:.1rem;
    line-height: .24rem;
  }
  .weekend li{
    background: #fff;
    margin-bottom: .05rem;
  }
</style>
